@import "common.css"

.s-header
  background url(../image/s-bg.png) no-repeat  center top
  font-family '方正悠黑简体_502L'
.container
  max-width 1200px
  margin 0 auto
  font-family '方正悠黑简体_502L'
  .new-caselist
    margin-top 95px
  .list-case
    margin-top 90px
    >a
      position relative
      float left
      margin-right 8px
      width 392px
      height 216px
      margin-bottom 8px
      >img 
        width 392px
        transition 0.1s
        transform translateZ(0)
      &:nth-child(3n)
        margin-right 0
      &.h:hover
        z-index 11
        // >img
        //   transform scale(1.3,1.3)
        //   transition .3s
        >div
          opacity 1
          // transform scale(1.3,1.3)
          // transition .3s
          background rgba(0,0,0,0.6)
      >div
        position absolute
        top 0
        left 0
        right 0
        bottom 0
        transition 0.1s
        transform translateZ(0)
        opacity 0
        color #ffffff
        text-align center
        font-size 30px
        font-weight bold
        text-align center
        >.title
          min-width 234px
          max-width 245px
          border-bottom 1px solid #919292
          color #ffffff
          font-size 30px
          line-height 30px
          text-align center
          margin 0 auto
          padding-bottom 15px
          margin-top 65px
        >.btn
          height 24px
          background #2b45c3
          color #ffffff 
          margin-top 15px
          display inline-block
          font-size 14px
          line-height 24px
          padding 0 15px
  .more-caselist
    margin-top 130px
    margin-bottom 65px
.in-header
  background url(../image/index-bg.png) no-repeat center
  height 855px
  font-family '方正悠黑简体_502L'
  .s-info 
    padding-top 55px
    p:nth-child(1)
      font-size 60px
    p:nth-child(2)
      font-size 20px
.i-container 
  margin-top -57px
  position relative
  z-index 11
  background #ffffff
  font-family '方正悠黑简体_502L'
  position relative
  .bg-left,
  .bg-right
    position absolute
    top 57px
  .bg-right
    right -26px
  .bg-left
    transform rotateY(180deg)
    left -26px
  .content-list
    padding 0 135px
    padding-top 95px
    >ul 
      >li
        width 120px
        text-align center
        float left
        color #3d34d4
        font-size 18px
        margin-right 80px
        >.img
          width 120px
          height 70px
          display table-cell
          vertical-align middle
          text-align center
        &:last-child
          margin-right 0
        p
          margin-top 18px
    >.us-time
      text-align center
      padding 0 40px
      padding-top 125px
      >h2
        color #242424
        font-size 36px
        line-height 48px
      >p
        font-size 18px
        color #c2c2c2
        text-indent 1em
        line-height 30px
        margin-top 16px
  .case-show
    margin-top 140px
    text-align center
    >a
      width 276px
      text-align center
      border 1px solid #979797
      color #979797
      display inline-block
      height 58px
      box-sizing border-box
      line-height 58px
      margin-top 35px
      margin-bottom 111px
.product-show
  font-family '方正悠黑简体_502L'
  background url(../image/proct-bg.png) no-repeat center
  width 100%
  height 867px
  background-size cover
  margin-bottom 270px
  >.o-width
    color #ffffff
    padding-top 76px
    text-align center
    >.product-detail
      display inline-block
      text-align center
      width 526px
      height 104px
      position relative
      >h2
        font-size 34px
        line-height 34px
        position absolute
        top -17px
        left 173px
      >p:nth-of-type(1)
        font-size 16px
        padding-top 45px
      >p:nth-of-type(2)
        font-size 18px
        line-height 18px
        position absolute
        bottom -9px
        left 103px
      >.item-left,
        .item-right
        width 83px
        height 100%
        border 1px solid #ffffff
        position absolute
        top 0px
      >.item-left
        left 0
        border-right none
      >.item-right
        right 0
        border-left none
    >h2
      margin-top 86px
      font-size 36px
      line-height 36px
      margin-bottom 24px
    >p
      font-size 18px
      line-height 30px
    >.div
      >a
        width 276px
        text-align center
        border 1px solid #979797
        color #979797
        display inline-block
        height 58px
        box-sizing border-box
        line-height 58px
        margin-top 35px
        margin-bottom 111px
